<!DOCTYPE html>
<html>
<head>
    <title>Angualr | Xian资料库</title>
    <!-- 编码 -->
    <meta charset="UTF-8">
    <!-- lcon -->
    <link type="image/x-icon" href="./images/icon.xian.ico" rel="icon">
    <!-- 清掉 referrer -->
    <meta name="referrer" content="never">
</head>
<body>
    <!-- loading界面 -->
    <style type="text/css">
        .fullloading {width:0;height:0;position:relative}
        .fullloading i { content: ''; position: fixed;box-sizing: border-box; top: 50%; left: 50%; border-radius: 50%; width: 90px; height: 90px; z-index: 5020; border: 3px solid #fefefe; border-left-color: #D7000F; border-top-color: #D7000F; margin: -45px 0 0 -45px; -webkit-animation-name: spin; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: infinite; animation-name: spin; animation-duration: 1s; animation-iteration-count: infinite;-webkit-animation-timing-function: cubic-bezier(0.55, 0.15, 0.45, 0.85); animation-timing-function: cubic-bezier(0.55, 0.15, 0.45, 0.85); }
        .fullloading b { content: ''; position: fixed; color: #fff; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(#fff6e4,#8b9da9); z-index: 5000; text-align: center; display: -webkit-flex; display: -ms-flexbox; display: flex; }
        @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
        @keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
        .ng-cloak { display: none; }
    </style>
    <div class="fullloading">
        <i></i>
        <b></b>
    </div>
    <!-- 登录界面 -->
    <div class="loginpage" id="loginpage">
        <div class="loginPanel">
            <div class="loginLogo">
                <img src="./images/logo.renliyou.png">
            </div>
            <div class="loginInput">
                <span class="loginInput-addon"><i class="glyphicon glyphicon-user"></i></span>
                <input type="text" id="UserName" value="" placeholder="请输入您的登录邮箱/手机号">
            </div>
            <div class="loginInput">
                <span class="loginInput-addon"><i class="glyphicon glyphicon-user"></i></span>
                <input type="password" id="Password" value="" placeholder="请输入密码">
                <img id="eyeopen" class="loginPwdEye" src="" alt="" />
                <img id="eyeclose" style="display:none" class="loginPwdEye" src="" alt="" />
            </div>
            <div class="loginFlexed">
                <div class="loginInput">
                    <span class="loginInput-addon"><i class="glyphicon glyphicon-check"></i></span>
                    <input type="text" placeholder="请输入验证码" id="VerificationCode" value="" maxlength='4'>
                </div>
                <div class="loginCCode">
                    <img src="./images/logo.renliyou.png" id="VerificationImg">
                </div>
            </div>
            <div class="loginNode">
                <a href="pd_forget.html" class="forget">忘记密码？</a>
            </div>
            <div class="loginBtn">
                <button id="submitbtn" type="button">登&nbsp;&nbsp;录</button>
            </div>
        </div>
        <div class="loginFooter"> 由 云袭智慧在线科技发展(北京)有限公司 提供技术支持&版权所有 </div>
    </div>
    <!-- 主体页面 -->
    <div ui-view></div>
</body>
</html>
